<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.id">
        {{ item.id }} - {{ item.name }}
        <slot :id="item.id"></slot>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {
    list: Array,
  },
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped lang="less"></style>
